<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="lib/weui.min.css">
        <link rel="stylesheet" href="css/jquery-weui.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body class="um-vp" ontouchstart>
        <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
            <!--header开始-->
            <div id="header" class="uh bc-text-head ub bc-head">
                <div class="nav-btn" id="nav-left"></div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">AppCan</h1>
                <div class="nav-btn" id="nav-right">
                    <!--按钮开始-->

                    <!--按钮结束-->
                </div>
            </div>
            <!--header结束--><!--content开始-->
            <div id="content" class="ub-f1 tx-l ">

            </div>
            <!--content结束-->
            <div id="footer" class="uf t-bla ub ubt bc-border" style="height: 49px;">
                <div class="ub ub-f1 tab" id="footer1">
                    <div class="weui-tabbar wy-foot-menu">
                        <a href="javascript:void(1)" onclick="openMain(this)" class="weui-tabbar__item weui-bar__item--on"> <div class="weui-tabbar__icon foot-menu-home"></div>
                        <p class="weui-tabbar__label">
                            首页
                        </p> </a>
                        <a href="javascript:void(1)" onclick="openCategory(this)"  class="weui-tabbar__item "> <div class="weui-tabbar__icon foot-menu-list"></div>
                        <p class="weui-tabbar__label">
                            分类
                        </p> </a>
                        <a href="javascript:void(1)"  onclick="openCart(this)"  class="weui-tabbar__item"> <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span> <div class="weui-tabbar__icon foot-menu-cart"></div>
                        <p class="weui-tabbar__label">
                            购物车
                        </p> </a>
                        <a  href="javascript:void(1)"  onclick="openMy(this)" class="weui-tabbar__item"> <div class="weui-tabbar__icon foot-menu-member"></div>
                        <p class="weui-tabbar__label">
                            我的
                        </p> </a>
                    </div>
                </div>

            </div>
            <!--底部导航-->

        </div>

        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/common.js"></script>
    </body>
    <script>
        var titHeight = $('#header').offset().height;
        function changeMenu(obj) {
            $(".weui-bar__item--on").removeClass("weui-bar__item--on")
            $(obj).addClass("weui-bar__item--on")
        }

        function openCart(obj) {

            changeMenu(obj);
            common.openFrame("shopcart.html", titHeight, "content");
        }

        function openMy(obj) {
            changeMenu(obj);
            common.openFrame("mine.html", titHeight, "content");
        }

        function openCategory(obj) {
            changeMenu(obj);
            common.openFrame("classify.html", titHeight, "content");
        }

        function openMain(obj) {
            changeMenu(obj);
            common.openFrame("index_content.html", titHeight, "content");
        }


        appcan.ready(function() {
            openMain()
        });
    </script>
</html>